﻿@page
@{ Layout = "_Layout"; }

<div style="height: 10px"></div>

<template v-if="pageType === 'sites'">
  <el-form v-on:submit.native.prevent ref="form" :model="form" size="small" status-icon label-width="120px">
    <el-form-item label="插件">
      {{ pluginId }}
    </el-form-item>
    <el-form-item label="插件排序" prop="taxis" :rules="[
      { required: true, message: '请输入插件排序' },
      { validator: utils.validateInt }
    ]">
      <el-input-number controls-position="right" size="small" :min="0" v-model.number="form.taxis" style="width: 100px"></el-input-number>
      <div class="tips">插件排序会影响到插件的显示顺序，0代表默认排序</div>
    </el-form-item>
    
    <el-form-item v-if="plugin.applyToSites" label="站点设置">
      <el-radio v-model="form.allSites" :label="true">为所有站点开启插件</el-radio>
      <el-radio v-model="form.allSites" :label="false">为指定站点开启插件</el-radio>
    </el-form-item>
    <el-form-item v-if="plugin.applyToSites && !form.allSites" label="指定站点">
      <el-cascader-panel
        ref="siteIds"
        v-model="form.siteIds"
        :options="sites"
        :props="{ checkStrictly: true, multiple: true }"
        filterable
        placeholder="请选择站点">
      </el-cascader-panel>
    </el-form-item>

    <el-form-item v-if="plugin.applyToSites && plugin.applyToChannels" label="栏目设置">
      <el-row>
        <el-col :span="8" v-for="site in sites" v-if="form.allSites || siteIds.indexOf(site.value) !== -1" style="margin-bottom: 20px; padding: 10px">
          <el-card>
            <div slot="header" class="clearfix">
              <span>{{site.label}}</span>
              <el-button style="float: right; font-size: 14px;" type="text" v-on:click="btnChannelsClick(site)">栏目设置</el-button>
            </div>
            <div>
              {{getSiteConfig(site).allChannels ? '为所有栏目开启插件' : '为指定栏目开启插件'}}
            </div>
          </el-card>
        </el-col>
      </el-row>
    </el-form-item>
  </el-form>
  
  <el-divider></el-divider>
  <div style="height: 10px"></div>
  
  <el-row>
    <el-col :span="24" align="center">
      <el-button type="primary" v-on:click="btnSubmitClick" size="small">保 存</el-button>
      <el-button size="small" v-on:click="btnCloseClick">关 闭</el-button>
    </el-col>
  </el-row>
</template>

<template v-if="pageType === 'channels'">
  <el-form v-on:submit.native.prevent ref="channelsForm" :model="channelsForm" size="small" status-icon label-width="160px">
    <el-form-item label="插件">
      {{ pluginId }}
    </el-form-item>
    <el-form-item label="站点">
      {{ siteName }}
    </el-form-item>
    <el-form-item label="栏目设置">
      <el-radio v-model="channelsForm.allChannels" :label="true">为所有栏目开启插件</el-radio>
      <el-radio v-model="channelsForm.allChannels" :label="false">为指定栏目开启插件</el-radio>
    </el-form-item>
    <el-form-item v-if="!channelsForm.allChannels" label="开启插件的栏目">
      <el-tree
        :data="treeData"
        ref="tree"
        show-checkbox
        check-strictly
        node-key="id"
        :check-on-click-node="false"
        :default-expanded-keys="defaultExpandedKeys"
        :default-checked-keys="channelsForm.channelIds"
        :expand-on-click-node="true"
        v-on:check-change="handleTreeChanged">
        <span class="custom-tree-node" slot-scope="{ node, data }">
          {{ data.channelName }}
        </span>
      </el-tree>
    </el-form-item>

  </el-form>

  <el-divider></el-divider>
  <div style="height: 10px"></div>
  
  <el-row>
    <el-col :span="24" align="center">
      <el-button type="primary" v-on:click="btnChannelsSubmitClick" size="small">确 定</el-button>
      <el-button v-if="siteId === 0" size="small" v-on:click="btnCancelClick">取 消</el-button>
    </el-col>
  </el-row>
</template>

@section Scripts{
<script src="/sitefiles/assets/js/admin/plugins/config.js" type="text/javascript"></script>
}